<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- meta:desc -->
    <meta name="description" content="小兔鲜儿,致力打造全球最大的食品、生鲜电商购物平台">
    <!-- meta:kw -->
    <meta name="keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物">
    <title>小兔鲜儿-新鲜、惠民、 快捷！</title>
    <!-- link:favicon -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 按顺序引入：外链式样式表后写的生效 -->
    <!-- 1.基础公共样式文件引入 -->
    <link rel="stylesheet" href="../css/base.css">
    <!-- 2.相同模块重复样式引入 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 3.首页的css文件引入 -->
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/category.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../iconfont/font_s2brsgpk9tq/demo.css">
    <link rel="stylesheet" href="../iconfont/font_ss9mqtmwws/demo.css">
    <link rel="stylesheet" href="../css/payment.css">
    <link rel="stylesheet" href="../iconfont/font_s2brsgpk9tq/iconfont.css">
</head>

<body>
    <!-- 快捷导航 -->
    <div class="shortcut">
        <div class="wrapper">
            <ul>
                <li><a href="#" data-war="0">请先登录</a></li>
                <li><a href="#" data-war="1">免费注册</a></li>
                <li><a href="#" data-war="2">我的订单</a></li>
                <li><a href="#">会员中心</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">在线客服</a></li>
                <li><a href="#"><i class="iconfont icon-shouji size"></i><span>手机版</span></a></li>
            </ul>
        </div>
    </div>

    <!-- 头部 -->
    <div class="header">
        <div class="wrapper">
            <div class="logo">
                <h1><a href="../index.html">小兔鲜儿</a></h1>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="../index.html">首页</a></li>
                    <li>
                        <a href="./category.html" id="0">居家</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a href="./classify.html">
                                        <img src="https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView"
                                            alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="	https://yanxuan.nosdn.127.net/45b50d5f8afbd6fdef97314647dcb7db.png?quality=95&imageView"
                                            alt="">
                                        <p>水具杯壶</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/b42a85ef15f856081ea9f49e5f6893e2.png?quality=95&imageView"
                                            alt="">
                                        <p>宠物食品</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/e766b09029ca00680d1e651b5cdc42bd.png?quality=95&imageView"
                                            alt="">
                                        <p>宠物食品</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="1">美食</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                            alt="">
                                        <p>网易黑猪</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/cc361cf40d4f81c7eccefed1ad18face.png?quality=95&imageView"
                                            alt="">
                                        <p>水产海鲜</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="	https://yanxuan.nosdn.127.net/c11f5457dfb38e76f60100c87ecdf0cd.png?quality=95&imageView"
                                            alt="">
                                        <p>全球美食</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="	https://yanxuan.nosdn.127.net/fe8e9c985d538cc1c1ced011a67ffe69.png?quality=95&imageView"
                                            alt="">
                                        <p>冷冻冷藏</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="2">服饰</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/57e4f01648100ec94c7bfee35171fdcb.png?quality=95&imageView"
                                            alt="">
                                        <p>室外拖鞋</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/3f32a302a4cb4afe7d5d89b666566e60.png?quality=95&imageView"
                                            alt="">
                                        <p>春夏潮鞋</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/b9e005aef67f1a93828847b071114296.png?quality=95&imageView"
                                            alt="">
                                        <p>飞织系列</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="	https://yanxuan.nosdn.127.net/cc2470afdf28b9a84639703b592da6f7.png?quality=95&imageView"
                                            alt="">
                                        <p>一脚蹬懒人系列</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="3">母婴</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/1f0089afcec911db7202fbcdae57d5f8.png?quality=95&imageView"
                                            alt="">
                                        <p>T恤/polo/衬衫</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/bf9f0a32c2b79c6d29de7d0843888b48.png?quality=95&imageView"
                                            alt="">
                                        <p>卫衣/毛衫</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/8a4be0d65d4a2f3ba36b3af8ee8d9414.png?quality=95&imageView"
                                            alt="">
                                        <p>外套/套装</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/773677cc0922628152a9b3cbd862426f.png?quality=95&imageView"
                                            alt="">
                                        <p>连体衣/礼盒</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="4">个户</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/718318c0d3b55d011fcb7c7c843902ce.png?quality=95&imageView"
                                            alt="">
                                        <p>家庭清洁</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/dfb6142de1bd2f59b251eb8f7c7ea2fb.png?quality=95&imageView"
                                            alt="">
                                        <p>浴室用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/55d927e337c1f6d394359e99ef72a621.png?quality=95&imageView"
                                            alt="">
                                        <p>餐厨清洁</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/949c5f8b077cf386ff9f1f18bec3408b.png?quality=95&imageView"
                                            alt="">
                                        <p>毛巾浴巾</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="5">严选</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/00d79ce9acb7285b15f83c92940b557f.png?quality=95&imageView"
                                            alt="">
                                        <p>卫浴用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/b26d34d052d9c780d695bf4b601bfffc.png?quality=95&imageView"
                                            alt="">
                                        <p>高级珠宝</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/7daf27044470881e8839b46a262d958c.png?quality=95&imageView"
                                            alt="">
                                        <p>时尚配搭</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/c01b0f1075158c5a5eb1ff9a33347bb8.png?quality=95&imageView"
                                            alt="">
                                        <p>数码电器</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="6">数码</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/f5797ca77cfe413e7753ec69f9bd4bb1.png?quality=95&imageView"
                                            alt="">
                                        <p>影音娱乐</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView"
                                            alt="">
                                        <p>乐器</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="	https://yanxuan.nosdn.127.net/3f45fbcdac7e8532b6a1570e6d7fe171.png?quality=95&imageView"
                                            alt="">
                                        <p>车载用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/801583d2f58274b13dc6a03daed1c3c9.png?quality=95&imageView"
                                            alt="">
                                        <p>办公文具</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="7">运动</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/2b1edfa6d05445de684b7df854895c0b.png?quality=95&imageView"
                                            alt="">
                                        <p>登机箱</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/cd44477ca9614ed81ffb58c5cacdab26.png?quality=95&imageView"
                                            alt="">
                                        <p>托运箱</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/141625f78404b8c81e431084a139b836.png?quality=95&imageView"
                                            alt="">
                                        <p>出行配件</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/c6ff77bbb7d0f39622da300f6f5f5442.png?quality=95&imageView"
                                            alt="">
                                        <p>户外运动鞋</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="8">杂项</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                            alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                            alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                            alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                            alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="search">
                <i class="iconfont icon-sousuo size"></i>
                <input type="text" placeholder="搜一搜">
                <!-- 定位 放大镜 -->
                <span></span>
            </div>
            <div class="car">
                <i class="iconfont icon-gouwuche size"></i>
                <span>2</span>
                <div class="carLayer">
                    <div class="carList">

                    </div>
                    <div class="carFoot">
                        <div class="carTotal">
                            <p>共 10 件商品</p>
                            <p>¥2083</p>
                        </div>
                        <a href="./shoppingCart.html"><button>去购物车结算</button></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--隐藏的头部-->
    <div class="headerHidden">
        <div class="wrapper">
            <div class="hiddenHeader">
                <div class="hiddenHight">
                    <img src="../images/logo.png" alt="">
                </div>
                <div class="hiddenConter">
                    <ul>
                        <li><a href="../index.html">首页</a></li>
                        <li>
                            <a>居家</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView"
                                                alt="">
                                            <p>茶咖酒具</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="	https://yanxuan.nosdn.127.net/45b50d5f8afbd6fdef97314647dcb7db.png?quality=95&imageView"
                                                alt="">
                                            <p>水具杯壶</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/b42a85ef15f856081ea9f49e5f6893e2.png?quality=95&imageView"
                                                alt="">
                                            <p>宠物食品</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/e766b09029ca00680d1e651b5cdc42bd.png?quality=95&imageView"
                                                alt="">
                                            <p>宠物食品</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>美食</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                                alt="">
                                            <p>网易黑猪</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/cc361cf40d4f81c7eccefed1ad18face.png?quality=95&imageView"
                                                alt="">
                                            <p>水产海鲜</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="	https://yanxuan.nosdn.127.net/c11f5457dfb38e76f60100c87ecdf0cd.png?quality=95&imageView"
                                                alt="">
                                            <p>全球美食</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="	https://yanxuan.nosdn.127.net/fe8e9c985d538cc1c1ced011a67ffe69.png?quality=95&imageView"
                                                alt="">
                                            <p>冷冻冷藏</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>服饰</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/57e4f01648100ec94c7bfee35171fdcb.png?quality=95&imageView"
                                                alt="">
                                            <p>室外拖鞋</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/3f32a302a4cb4afe7d5d89b666566e60.png?quality=95&imageView"
                                                alt="">
                                            <p>春夏潮鞋</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/b9e005aef67f1a93828847b071114296.png?quality=95&imageView"
                                                alt="">
                                            <p>飞织系列</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="	https://yanxuan.nosdn.127.net/cc2470afdf28b9a84639703b592da6f7.png?quality=95&imageView"
                                                alt="">
                                            <p>一脚蹬懒人系列</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>母婴</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/1f0089afcec911db7202fbcdae57d5f8.png?quality=95&imageView"
                                                alt="">
                                            <p>T恤/polo/衬衫</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/bf9f0a32c2b79c6d29de7d0843888b48.png?quality=95&imageView"
                                                alt="">
                                            <p>卫衣/毛衫</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/8a4be0d65d4a2f3ba36b3af8ee8d9414.png?quality=95&imageView"
                                                alt="">
                                            <p>外套/套装</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/773677cc0922628152a9b3cbd862426f.png?quality=95&imageView"
                                                alt="">
                                            <p>连体衣/礼盒</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>个护</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/718318c0d3b55d011fcb7c7c843902ce.png?quality=95&imageView"
                                                alt="">
                                            <p>家庭清洁</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/dfb6142de1bd2f59b251eb8f7c7ea2fb.png?quality=95&imageView"
                                                alt="">
                                            <p>浴室用品</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/55d927e337c1f6d394359e99ef72a621.png?quality=95&imageView"
                                                alt="">
                                            <p>餐厨清洁</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/949c5f8b077cf386ff9f1f18bec3408b.png?quality=95&imageView"
                                                alt="">
                                            <p>毛巾浴巾</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>严选</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/00d79ce9acb7285b15f83c92940b557f.png?quality=95&imageView"
                                                alt="">
                                            <p>卫浴用品</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/b26d34d052d9c780d695bf4b601bfffc.png?quality=95&imageView"
                                                alt="">
                                            <p>高级珠宝</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/7daf27044470881e8839b46a262d958c.png?quality=95&imageView"
                                                alt="">
                                            <p>时尚配搭</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/c01b0f1075158c5a5eb1ff9a33347bb8.png?quality=95&imageView"
                                                alt="">
                                            <p>数码电器</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>数码</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/f5797ca77cfe413e7753ec69f9bd4bb1.png?quality=95&imageView"
                                                alt="">
                                            <p>影音娱乐</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView"
                                                alt="">
                                            <p>乐器</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="	https://yanxuan.nosdn.127.net/3f45fbcdac7e8532b6a1570e6d7fe171.png?quality=95&imageView"
                                                alt="">
                                            <p>车载用品</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/801583d2f58274b13dc6a03daed1c3c9.png?quality=95&imageView"
                                                alt="">
                                            <p>办公文具</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>运动</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/2b1edfa6d05445de684b7df854895c0b.png?quality=95&imageView"
                                                alt="">
                                            <p>登机箱</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/cd44477ca9614ed81ffb58c5cacdab26.png?quality=95&imageView"
                                                alt="">
                                            <p>托运箱</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/141625f78404b8c81e431084a139b836.png?quality=95&imageView"
                                                alt="">
                                            <p>出行配件</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/c6ff77bbb7d0f39622da300f6f5f5442.png?quality=95&imageView"
                                                alt="">
                                            <p>户外运动鞋</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>杂项</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                                alt="">
                                            <p>茶咖酒具</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                                alt="">
                                            <p>茶咖酒具</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                                alt="">
                                            <p>茶咖酒具</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                                alt="">
                                            <p>茶咖酒具</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="hiddenLeft">
                    <ul>
                        <li class="borderGreen">品牌</li>
                        <li>专题</li>
                    </ul>
                </div>
            </div>
        </div>

    </div>

    <!-- 第一部分 -->
    <div class="wrapper">
        <div class="bread">
            <div class="breadltem">
                <a href="../index.html">首页</a>
            </div>
            <i class="iconfont icon-arrow-right"></i>
            <div class="breadltem">
                <a href="./shoppingCart.html">购物车</a>
            </div>
            <i class="iconfont icon-arrow-right"></i>
            <div class="breadltem">
                <span>支付订单</span>
            </div>
        </div>
    </div>

    <!-- 订单支付部分 -->
    <div class="wrapper">
        <div class="payInfo">
            <span class="iconfont icon-dingdan-zhifuchenggong"></span>
            <div class="tip">
                <p class="one">订单提交成功！请尽快完成支付。</p>
                <p class="two">支付还剩
                    <span>30分00秒</span>
                    超时后将取消订单
                </p>
            </div>
            <div class="amount">
                <span>应付总额:</span>
                <span>¥1308</span>
            </div>
        </div>
    </div>

    <!-- 付款方式 -->
    <div class="wrapper">
        <div class="payType">
            <p class="head">选择以下支付方式付款</p>
            <div class="item">
                <p>支付平台</p>
                <a href="javascript:;" class="btn wx"></a>
                <a href="javascript:;" class="btn alipay"></a>
            </div>
            <div class="item">
                <p>支付方式</p>
                <a href="javascript:;" class="btn">招商银行</a>
                <a href="javascript:;" class="btn">工商银行</a>
                <a href="javascript:;" class="btn">建设银行</a>
                <a href="javascript:;" class="btn">农业银行</a>
                <a href="javascript:;" class="btn">交通银行</a>
            </div>
        </div>
    </div>
    <!-- 公共底部区域 -->
    <div class="footerII clearfix">
        <div class="wrapper">
            <!-- 联系我们 -->
            <div class="contact clearfix">
                <dl>
                    <dt>客户服务</dt>
                    <dd class="chat">在线客服</dd>
                    <dd class="feedback">问题反馈</dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd class="weixin">公众号</dd>
                    <dd class="weibo">微博</dd>
                </dl>
                <dl>
                    <dt>下载APP</dt>
                    <dd class="qrcode">
                        <img src="http://erabbit.itheima.net/img/qrcode.5372a064.jpg">
                    </dd>
                    <dd class="download">
                        <span>扫描二维码</span>
                        <span>立马下载APP</span>
                        <a href="javascript:;">下载页面</a>
                    </dd>
                </dl>
                <dl>
                    <dt>服务热线</dt>
                    <dd class="hotline">
                        400-0000-000
                        <span>周一至周日 8:00-18:00</span>
                    </dd>
                </dl>
            </div>
        </div>

        <!-- 版权区域 -->
        <div class="footer">
            <div class="wrapper">
                <div class="top">
                    <ul>
                        <li>
                            <!-- 通过伪元素添加精灵图 -->
                            <span>价格亲民</span>
                        </li>
                        <li>
                            <span>物流快捷</span>
                        </li>
                        <li>
                            <span>品质新鲜</span>
                        </li>

                    </ul>
                </div>
                <div class="bottom">
                    <p>
                        <a href="#">关于我们</a> |
                        <a href="#">帮助中心</a> |
                        <a href="#">售后服务</a> |
                        <a href="#">配送验收</a> |
                        <a href="#">商务合作</a> |
                        <a href="#">搜索推荐</a> |
                        <a href="#">友情链接</a>
                    </p>
                    <p>CopyRight © 小兔鲜儿</p>
                </div>
            </div>
        </div>
        <script src="../js/public.js"></script>
        <script src="../js/payment.js"></script>
        <!-- <script src="../js/category.js"></script> -->


</body>

</html>